<template>
  <div class="page_loading" :style="'width:'+window_width+'px'" v-show="!this.$store.state.setting.page_loading">
    <!-- <div class="page_loading"> -->
    <!-- <img src="@/assets/images/index_imgs/happy_baby.png" alt="" /> -->
    加载中...
  </div>
</template>

<script>
export default {
  name: "pageLoading",
  data() {
    return {
      title: "",
      window_width:350
    };
  },
  created() {
    console.log(window.location.href);
    this.window_width = document.body.clientWidth / 2;
  },
  methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.page_loading {
  position: fixed;
  top: 0;
  left: 0;
  // width:100%;
  height: 100%;
  z-index: 1000000;
  background: #fff;
  padding: 10rem 25%;
  text-align: center;
  width: 50%;
}

.page_loading img {
  width: 100%;
  display: block;
}
</style>
